Kendi Web Sayfalar²n²z² Tasarlay²n!
Internet K²sayollar²L▌NK veya shortcut dedi≡imiz Internet k²sayollar², Internet'te belki de en τok kullan²lan ÷zelliklerden biridir. Asli amac² Internet ⁿzerinde herhangi bir sunucuya ba≡l² bir dosyayla ba≡lant² kurmak olan k²sayollar ayr²ca elektronik posta yollamak, Telnet ba≡lant²s² kurmak gibi de≡i■ik amaτlar iτin de kullan²labilir.
<a href=" [Adres] [:port]" >[G÷rⁿntⁿ]</a>
Internet k²sayollar²n²n kullan²m² yukar²daki gibidir. Adres k²sm² ba≡lan²lacak HTML sayfas²n², g÷rⁿntⁿ k²sm² ise k²sayolun, sayfadaki g÷rⁿntⁿsⁿnⁿ belirler. ╓rne≡in yazaca≡²n²z
<a href=" http://www.pcworld.com.tr" >PC World Online</a>
gibi bir sat²r ekranda PC World Online olarak g÷rⁿlecek ve sizi do≡ruca PC World Tⁿrkiye'nin Web sitesine ba≡layacakt²r.
Adres k²sm² oldukτa basit olmas²na ra≡men, baz² kⁿτⁿk pⁿf noktalar² da yok de≡il. ╓rne≡in, adres k²sm²n² kullan²c²n²n size mail atmas² iτin kullanabilirsiniz. Bunu gerτekle■tirmek iτin ki■isel e-posta adresinizin ÷nⁿne mailto: tak²s²n² getirmeniz yeterlidir. ╓rne≡in haz²rlad²≡²n²z sayfada kullan²c²lar²n size mail atabilmeleri iτin
Bana <a href=" mailto:dlevitas@pcworld.com.tr" >mail</a> atabilirsiniz.
gibi bir sat²r kullanabilirsiniz. K²sayollar ayr²ca Telnet, FTP, Gopher servislerini de τa≡²rabilirler. Bunlar² τa≡²rmak iτin, sizin de tahmin edebilece≡iniz gibi ftp://, gopher:// tak²lar²n² site isminin ÷nⁿne getirmek yeterlidir. Genel kullan²mda verdi≡imiz :port tak²s²n²n ne i■e yarad²≡²n² merak edenler iτin hemen bir aτ²klama getirelim: Bu tak² tⁿm web servisleri iτin 80 olup genelde kullan²lmalar²na gerek yoktur. H²zla geli■en Web teknolojisi τoook eskiden kullan²lan :port tak²s²n²n kullan²m²n² gereksiz bir hale getirmi■tir.
Internet k²sayollar², Web taray²c²n²z²n ayar²yla oynamad²kτa ve HTML sayfas²nda aksini belirtmedikτe ekranda mavi alt² τizili yaz²lar olarak g÷rⁿlⁿrler. Siz ilgili linke t²klad²≡²n²zda ve i■aret etti≡i sayfay² izledi≡inizde o sayfadaki link maviden mora d÷nⁿ■ⁿr.
Daha ÷nce de belirtti≡imiz gibi k²sayol renkleri HTML sayfas²ndaki kodlarla de≡i■tirilebilirler, ⁿstelik siz bunu yapt²≡²n²zda kullan²c² web taray²c²s²n²n ayar²yla oynayarak k²sayolun rengini kendisine g÷re tayin edemez. ▌■te bunun nas²l yap²laca≡²:
Sayfan²z²n ba■²nda <BODY...> ' tag'²yla birlikte link=de≡er vlink=de≡er tak²lar²n² kullanarak ziyaret edilmi■ ve edilmemi■ k²sayol renklerini belirleyebilirsiniz. Her zamanki gibi bunu yapmak iτin Hex renk kodlar²n² ve haz²r renk adlar²n² kullanabilirsiniz. ╓rne≡in sayfadaki k²sayollar²n alt² sar² τizgili g÷rⁿlmesini, ayn² k²sayollar²n ziyaret edilince k²rm²z²ya d÷nⁿ■mesini istiyorsunuz bunu yapmak iτin
<BODY BGCOLOR=WHITE LINK=YELLOW VLINK=RED>
sat²r²n² kullanabilirsiniz. Mutlaka siz de rastlam²■s²n²zd²r: Bazen resimler de bir Internet k²sayolu olarak kullan²labiliyor. ' Bunu nas²l yapabilirim?' diyorsan²z, hemen τok basit oldu≡unu belirtelim. Genel kullan²m b÷lⁿmⁿnde verdi≡imiz [g÷rⁿntⁿ] b÷lⁿmⁿne ÷nceki ÷rneklerimizde hep yaz² yazd²k, bir de resim koymay² deneyelim:
<a href=" http://www.pcworld.com.tr" ><img src=" PCW.GIF" alt=" PC World Online" ></a>
sat²r²n² yazd²≡²n²zda PCW.GIF isimli resim PC World Online'a ba≡lanmak iτin bir k²sayol olarak kullan²lacakt²r. Burada dikkat etmeniz gereken bir husus var, o da resimlerin link olarak kullan²ld²≡²nda mavi (ya da link iτin atad²≡²n²z renk neyse) bir τerτeve iτine al²nd²≡²d²r.
Bunu ÷nlemek iτin resmi yⁿkleyen ' tag'²n sonuna bir border=0 ekini girebilirsiniz. ▐÷yle:
<a href=" http://www.pcworld.com.tr" ><img src=" PCW.GIF" border=0></a>
Dikkat Etmeniz Gerekenler
- Bir k²sayol olu■turduktan sonra mutlaka ' Acaba bir hata yapm²■ m²y²m?' diyerek k²sayolu kontrol edin. Bozuk k²sayollar²n sitenizin ziyaret say²s²n² ve itibar²n² zedeleyece≡ini unutmay²n.
- Sonradan doldururum diye k²sayolu ÷nceden yerle■tirmeyin. Sitenin ba■²na ' in■a a■amas²nda' yazsan²z bile yapmad²≡²n²z b÷lⁿmlerin linklerini koymay²n. Bunun yerine haz²rlad²≡²n²z b÷lⁿmleri k²sayol olu■turmaks²n²z Web sayfas²na yerle■tirin.
- Sitenize bulundu≡unuz makineden FTP program²yla uzunca bir shareware yolluyorsunuz diyelim. Shareware'inizin k²sayolunu ÷nceden yollamay²n, geτen zaman sⁿresince sitenize ba≡lan²p o program ile ilgilenenler ' 404 Not Found' hatas² ile kar■²la■²rlar.
- Internet adresi verirken ba■²na http://, mail adresi verirken ba■²na mailto: koymay² unutmay²n. Bunu yapmazsan²z verdi≡iniz www.pcworld.com.tr veya dlevitas@pcworld.com.tr gibi bir adres lokal bir dosya olarak g÷rⁿlⁿr ve linkine t²klay²nca do≡al olarak hata verir.
Internet k²sayollar²n² ve resimlerin k²sayollara atanmas² iτin nas²l kullan²ld²≡²n² ÷≡rendik...
▌■te bize en τok sorulan sorulardan biri:
' Web projem bir klas÷rde duruyor, lokal olarak τal²■²yorum ve bir alt veya ⁿst klas÷rdeki dosyay² bulundu≡um sayfadan τa≡²rmak istiyorum. Nas²l yapaca≡²m?'
▄zerinde τal²■t²≡²n²z HTML sayfas² C:\PROJE\1 klas÷rⁿnde olsun, sizin de C:\PROJE klas÷rⁿndeki DENEME.HTM sayfas²n² τa≡²rmak istedi≡inizi varsayal²m. Bu dosyay² τa≡²rmak iτin ■÷yle bir sat²r kullanmal²s²n²z:
<A HREF=" ../DENEME.HTM" >KISAYOL DENEME.HTM</A>
../ ifadesini istedi≡iniz kadar kullanabilirsiniz. ▌ki alt klas÷rdeki dosyay² τa≡²rmak iτin ../../DENEME.HTM gibi bir ifade kullanabilirsiniz. Bir ⁿst klas÷rdeki (C:\PROJE\1\BASKA\SAYFA.HTM gibi) dosyay² τa≡²rmak iτin ise ■÷yle bir yol izlemelisiniz:
<A HREF=" BASKA/SAYFA.HTM" >KISAYOL</A>
E≡er bir Web sunucusu ⁿzerinde τal²■²yorsan²z ve sabit diskinizin tⁿmⁿ veya bir alt dizinini Web sayfalar²n²z iτin tan²mlanm²■sa k÷k dizine inmek ve buradan ba■ka bir klas÷re geτmek iτin / karakterini kullanabilirsiniz. ╓rne≡in
<a href=" /GIRIS.HTM" >GIRIS</a> sat²r² sizi web iτin ayr²lan b÷lⁿmⁿn en dibine kadar indirecek ve GIRIS.HTM dosyas²na k²sayol olu■turacakt²r. Bunun gibi resimler dizinindeki bir resmi τa≡²rmak iτin
<img src=" /resimler/pcworld.gif" > gibi bir ifade kullanmal²s²n²z.
K²sayollar iτin s÷yleyece≡im ■imdilik bu kadar. Son olarak sayfalar²n²z²n profesyonelli≡ini ve sayfan²za ba≡lananlar²n ruh sa≡l²≡²n²n korunmas² iτin " Dikkat Etmeniz Gerekenler" kutumuzu okuman²z² ve sayfalar²n²zda uygulaman²z² ■iddetle tavsiye ederim.
JPEG M▌ GIF M▌?
Web sayfalar²nda resim kullan²rken en τok sorulan sorulardan biri ■udur:
' Madem JPEG dosyalar² ayn² ÷lτⁿlerdeki GIF'lerden daha az yer tutuyor neden GIF dosyalar²n² kullanay²m?'
Bu sorunun cevab² τok basit, GIF dosyalar² sayfa ⁿzerinde JPEG dosyalar²ndan daha keskin ve canl² g÷rⁿnⁿrler, bunun sebebi JPEG format²n²n ' kay²pl²' bir grafik format² olmas²d²r. JPEG dosyalar²n²n kullan²lmas² ayr²ca, sade beyaz alanlarda yⁿksek renk τ÷zⁿnⁿrlⁿ≡ⁿnde g÷rⁿlmeyen fakat 256 renkte g÷ze batan kⁿτⁿk noktac²klar²n olu■mas²na neden olur. JPEG format², daha τok bⁿyⁿk ve az bir beyaz alana sahip grafik dosyalar² ⁿzerine uygulanmal²d²r.
Sihirli ▌ki Tag: topmargin ve leftmargin
Sayfan²zda sol ⁿst k÷■eye dayaman²z gereken bir resim, bir yaz² ya da bir tablo bulunuyor diyelim. Web taray²c²n²z ise her HTML sayfas²nda soldan ve ⁿstten yar²m santimetre pay b²rakmakta kararl² g÷rⁿnⁿyor.
Bunu ÷nlemenin bir yolu var:
eklerin sadece birisini ya da ikisini birden kullanabilirsiniz. Eklerden birini kullanmad²≡²n²zda Web taray²c²s² o ek iτin varsay²lan de≡eri yani yar²m santimi kullanacakt²r. (Bu iki ek sadece Internet Explorer 2.0 ve ⁿstⁿ Web taray²c²lar² iτin geτerlidir.)